body{
    padding:0; 
    margin:0;
    font-size:13px;
    background:url(bg.png) no-repeat top right;
    background-color:#4a8cfd;
    color:#333;
}
a,a:link,a:hover,a:visited{
    color:#333;
    text-decoration: none;
}
.clear{
    clear:both;
}
.tct{
    text-align:center;
}

/* 列表基础 */
ul{
    list-style-type:none;
    padding:0;
    margin:0;
    width:100%;
}
ul li, ul li a{
    display:block;
}
ul li{
    width:100%;
    cursor:pointer;
}

/*页面*/
.page{
    width:300px;	
    position:absolute;
    display:block;
    left:10px; top:0;
    z-index:5;
    padding-bottom:40px;
}
/*标题栏*/
.head{
    width:100%;
    height:40px;
    line-height:40px;
}
.head h1{
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-shadow: #eee 0 -1px 0;
    padding:0; margin:0 0 0 10px;
}
.head a{
    float:right;
    height:100%;
    padding:0 5px;
    color:#eee;
}

.main{
    width:100%;
}

/* 首页宝宝信息展示 */
#bbInfo{
    width:100%;
    height:110px;
    display:block;
    text-align:center;
}
#bbImg{
    float:left;
    height:100px;
    width:100px;
    border:2px solid #ddd;
    -webkit-border-top-left-radius: 35px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 35px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-box-shadow:1px 1px 10px rgba(0,0,0,.8);
    background:url(../bb.jpg) no-repeat;
}
#bbName{
    height:40px;
    line-height:40px;
    font-size:20px;
    font-weight:bold;
    color:#eee;
    text-shadow: #333 1px 1px 0;
}
#bbBir,#bbAge{
    height:30px;
    line-height:30px;
    font-weight:bold;
    color:#ccc;
    text-shadow: #aaa 1px 1px 0;
}
/*新建大按钮*/
#bbAdd{
    position:absolute;
    z-index:1;
    width:60px;
    height:60px;
    border:2px solid #F7A901;
    background:url(new.png) center;
    top:258px;
    left:116px;
    -webkit-border-radius: 30px;
    -webkit-box-shadow:1px 1px 15px rgba(0,0,0,.8);
}
#bbGrid{
    width:100%;
    text-align:center;
}
#bbGrid li{
    width:140px;
    height:120px;
    float:left;
    margin-top:10px;
    border:2px solid #666;
    background-color:#eee;
    -webkit-box-shadow:1px 1px 15px rgba(0,0,0,.8);
    opacity:.6;
}
/*4个大按钮*/
#bbGrid li.b1{
    margin-right:10px;
    -webkit-border-top-left-radius: 15px;
}
#bbGrid li.b2{
    -webkit-border-top-right-radius: 15px;
}
#bbGrid li.b3{
    -webkit-border-bottom-left-radius: 15px;
}
#bbGrid li.b4{
    margin-left:10px;
    -webkit-border-bottom-right-radius: 15px;
}
#bbGrid h1{
    font-size:16px;
    line-height:30px;
    height:30px;
    margin:0;
    border-bottom:1px solid #aaa;
}  
#bbGrid table{
    width:140px;
    height:85px;
    table-layout: fixed;
}
#bbGrid  div{
    word-wrap: break-word;
    overflow:hidden;
    height:55px;
    line-height:18px;
}
#bbH, #bbW, #bbHd, #bbC{
    color:#0000ff;
}
#bbM,#bbD{
    color:#0000ff;
    overflow:hidden;
    text-overflow: ellipsis;
    text-align:left;
}

/*一般列表*/

ul.list{
    margin-top:10px;
	color: #333;
	/*border: 1px solid #B4B4B4;*/
	/*-webkit-border-radius: 8px;*/
}
ul.list li{
    min-height:50px;
    padding:5px 0;
    display:block;
    border-bottom: 1px solid #B4B4B4;
}
ul.list li:last-child{
    /*border-bottom:0;*/
}

ul.list li img{
    float:left;
    width:50px;
    height:50px;
    margin-right:5px;
    /*border:1px solid #aaa;*/
    -webkit-border-radius:6px;
    background:url(ico_l.png) center no-repeat;
}

ul.list li h1, ul.list li h2{
    margin:0;
    font-size:16px;
    line-height:25px;
    /*
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    */
}
ul.list li p{
    margin:0;
    font-size:12px;
    line-height:14px;
    color:#ccc;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* list2  */
ul.list li h2{
    font-size:16px;
}

ul.list2 li{
    float:left;
    border-top:1px solid #aaa;
}

ul.list2 li.li_ico{
    width:40px;
    min-height:40px;
    
}
ul.list2 li.li_ico img{
    width:40px;
    height:40px;
    -webkit-border-radius:6px;
    margin-top:2px;
}

ul.list2 li.li_cont{
    width:258px;
    min-height:46px;
    margin-bottom:4px;
}
ul.list2 li.li_cont h1{
    font-size:15px;
    margin:3px 0 3px 4px;
    color:#ddd;
}
ul.list2 li.li_cont p{
    margin:4px 0 4px 4px;
    font-size:14px;
}
ul.list2 li.li_cont span{
    float:right;
    color:#666;
    font-size:12px;
    border:1px solid #ccc;
    padding:1px;
    margin-right:5px;
    background-color:#ddd;
    -webkit-border-radius:8px;
}

.grow_ico{
    background:url(nav_grow.png) center no-repeat;
}
.mtone_ico{
    background:url(nav_mtone.png) center no-repeat;
}
.diary_ico{
    background:url(nav_diary.png) center no-repeat;
}


/*输入列表*/
ul.form_list{
    margin-top:10px;
}
ul.form_list li{
    width:100%;
    line-height:25px;
    margin:2px 0;
    padding:2px 0;
}
ul.form_list h3{
    margin:0;
    width:100px;
    float:left;
    text-align:center;
}
ul.form_list input{
    background-color:#eee;
    height:30px;
    font-size:14px;
    border:1px solid #ccc;
    opacity:.6;    
}
ul.form_list textarea{
    background-color:#eee;
    font-size:14px;
    border:1px solid #ccc;
    opacity:.6;      
}
#iptDdes{
    width:260px;
    margin-left:5px;
}

/* img */
#imgGrow,#imgMTone,#imgDiary{
    max-width:180px;
}

.btn_tk{
    background-image:url(btn_tk.png);
    width:43px;
    height:30px;
    border:0;
}
.btn_xj{
    background-image:url(btn_xj.png);
    width:43px;
    height:30px;
    border:0;
}

.content_list{
}
.content_list img{
    max-width:300px;
}
.content_list h3{
    margin:0;
    color:#fff;
}
.content_list p{
    background-color:#eee;
    border:1px solid #aaa;
    -webkit-border-radius:8px;
    padding:5px;
}

/* 按钮组 */
.btns{
    width:100%;
    height:40px;
    position:fixed;
    bottom:0;
    text-align:center;
}
button{
    width:65px;
    height:30px;
    color:#ddd;
    background:url(btn_bg.png);
    margin:5px;
    border:0;
}

/*tab页按钮*/
ul.tab_nav{
    
}
ul.tab_nav li{
    float:left;
    width:33.333%;
    height:30px;
    line-height:30px;
    text-align:center;
    border-bottom:1px solid #666;
    border-top:1px solid #666;
}
ul.tab_nav li:first-child{
    border-left:1px solid #666;
    -webkit-border-top-left-radius:4px;
    -webkit-border-bottom-left-radius:4px;    
}
ul.tab_nav li:last-child{
    border-right:1px solid #666;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
}
ul.tab_nav li.fcs{
    background-color:#ddd;
}
ul.tab_nav li.nor{
    background-color:#aaa;
}

/*绘图区*/
#grow_tab1{
    margin-top:6px;
    border:1px solid #aaa;
    background-color:#eee;
    opacity:0.8;
}

/* Foot */
ul.nav_foot{
	width:100%;
    position:fixed;
    display:block;
    z-index:100;
    bottom:0;
    left:0;
    background:#0656EE;
}
ul.nav_foot li{
    float:left;
    width:19.9%;
    height:35px;
    border-right:solid 1px #ccc;
    background:#0656EE no-repeat center;
}
ul.nav_foot li:last-child{
    border:0;
}
ul.nav_foot li.grow{
    background-image:url(nav_grow.png);
}
ul.nav_foot li.grow_fcs{
    background-image:url(nav_grow.png);
    background-color:#ccc;
    opacity:0.8;
}
ul.nav_foot li.mtone{
    background-image:url(nav_mtone.png);
}
ul.nav_foot li.mtone_fcs{
    background-image:url(nav_mtone.png);
    background-color:#ccc;
    opacity:0.8;
}
ul.nav_foot li.home{
    background-image:url(nav_home.png);
}
ul.nav_foot li.home_fcs{
    background-image:url(nav_home.png);
    background-color:#ccc;
    opacity:0.8;
}
ul.nav_foot li.diary{
    background-image:url(nav_diary.png);
}
ul.nav_foot li.diary_fcs{
    background-image:url(nav_diary.png);
    background-color:#ccc;
    opacity:0.8;
}
ul.nav_foot li.set{
    background-image:url(nav_set.png);
}
ul.nav_foot li.set_fcs{
    background-image:url(nav_set.png);
    background-color:#ccc;
    opacity:0.8;
}

/* load */
#load{
	width:100px;
	height:20px;
    position:fixed;
    display:none;
    z-index:1000;
    top:0;
    left:0;
    background:#FF6A6A;
    color:#fff;
    line-height:20px;
}
/* dlg */
#mask{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:#333;
    z-index:999;
    opacity:0.8;
    display:none;
}

.dlg{
	width:200px;
	height:auto;
    position:fixed;
    z-index:1000;
    left:60px;
    top:150px;
    background:#fff;
    color:#000;
    line-height:25px;
    border:2px solid #ddd;
    -webkit-border-radius:8px;
    -webkit-box-shadow:1px 1px 10px rgba(0,0,0,.8);
}
.dlg li{
    border-bottom:1px solid #eee;
}
.dlg li img{
    float:left;
    margin:0 20px;
}

.hide{display:none;}
.clear{clear:both;}
